Telegram Group Search
🎨 Origin UI — готовая коллекция компонентов для React и Tailwind CSS. Библиотека предлагает разработчикам набор готовых UI-элементов, которые можно просто скопировать и вставить в свой проект. Компоненты созданы с учётом современных тенденций дизайна и поддерживают темную и светлую темы.

Особенность проекта в глубокой интеграции с Tailwind CSS и React, включая Next.js. Компоненты следуют тем же принципам, что и shadcn, но с расширенными возможностями кастомизации. Поддержка Tailwind v4 обеспечивает доступ к новейшим функциям фреймворка.

🤖 GitHub

@react_tg
📝 Remirror — react-библиотека для создания текстовых редакторов. Этот open-source проект, предлагающий готовые решения для WYSIWYG-редактирования с поддержкой мобильных устройств и доступностью.

Библиотека имеет модульную архитектуру: можно использовать готовые расширения или создавать собственные на низком уровне. Для старта достаточно установить пакет и собрать редактор из 30+ доступных компонентов.

🤖 GitHub

@react_tg
🗣️ Astuto — open-source платформа для сбора фидбэка пользователей. С помощью инструмента можно публиковать roadmap, модерировать предложения пользователей и интегрироваться с Jira/Slack через webhooks.

Проект имеет гибкие настройки доступа от анонимных предложений до обязательной модерации. В отличие от аналогов, здесь нет ограничений на количество проектов или пользователей, а развёртывание через Docker занимает минуты.

🤖 GitHub

@react_tg
🌐 Plyr — это легковесный и доступный медиаплеер с открытым исходным кодом, поддерживающий HTML5 Video, HTML5 Audio, а также интеграцию с YouTube и Vimeo!

🌟 Он разработан для работы во всех современных браузерах и предоставляет разработчикам возможность легко встраивать и настраивать воспроизведение мультимедийного контента на веб-страницах.

🔐 Лицензия: MIT

🖥 Github

@javascriptv
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 В этой статье автор объясняет ключевые хуки React 19: useFormState() для управления состоянием форм, useFormStatus() для отслеживания статуса отправки, useActionState() для обработки асинхронных действий, useOptimistic() для оптимистичных обновлений UI и use() для работы с промисами в компонентах!

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Frontend + Летний митап + Суббота = Я.Субботник по разработке интерфейсов 💛

7 июня в Москве Яндекс Go проводит Я.Субботник по разработке интерфейсов. В программе 4 доклада и воркшоп: 

👉 Артемий Карпов расскажет,  как команда выстраивает взаимодействие между разработкой и тестированием при написании автотестов и улучшении семантики приложения
👉 Миша Колосовский покажет, как сделать статические схемы интерактивными и причем тут SVG
👉 Давид Давыдов объяснит, что мы сделали с серверным API и как пришли к одной строчке кода вместо сотни
👉 Серёжа Алейников поделится опытом портирования нативного BDUI в вебе

На воркшопе участники в командах будут исправлять некорректные интерфейсы, стараясь учесть требования дизайнеров, бэкенд-разработчиков и тестировщиков. Вместе обсудим варианты решений, а коллеги из Яндекса помогут найти самое оптимальное. 

Регистрируйтесь и зовите друзей!

Мероприятие бесплатное. Количество мест в офлайне ограничено — пожалуйста, дождитесь нашего подтверждения.
This media is not supported in your browser
VIEW IN TELEGRAM
📍 Залипательное движение радужной полосы на время загрузки вашего сайта или приложения

#прелоадер #ожидание #загрузка

https://codepen.io/jkantner/pen/mdKOpbe

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
📥 Stoplight Elements — это мощный инструмент для создания элегантной и удобной документации API. Он поддерживает OpenAPI и Markdown, позволяя не только описывать endpoints, но и добавлять обучающие статьи, руководства и примеры использования.

В репозитории есть примеры для разных фреймворков: React, Angular и даже чистый HTML. Можно быстро развернуть демо и посмотреть, как это работает. Проект доступен в виде React-компонентов или Web Components, что делает его гибким для интеграции в любые проекты — будь то многостраничный портал в стиле Stripe или простая документация для CMS.

🤖 GitHub

@react_tg
👩‍💻 Эта статья обсуждает ключевые принципы работы компонентов в React, такие как однонаправленный поток данных, подъем состояния (lifting state up) и обновление UI в зависимости от изменений данных!

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
🚀 FastUI — фреймворк, позволяющий собирать React-интерфейсы, описывая их декларативно на Python. Под капотом у проекта набор Pydantic-моделей, которые автоматически преобразуются в TypeScript-типы и React-компоненты.

Хотя инструмент еще находится в стадии активной разработки, он уже демонстрирует интересный подход — бэкенд полностью определяет UI, а фронтенд становится исполнителем без собственной бизнес-логики.

🤖 GitHub

@python_job_interview
This media is not supported in your browser
VIEW IN TELEGRAM
Магистратура, после которой работа найдёт тебя сама 🎓
 
Программа «Запуск высокотехнологичных продуктов» — совместная магистратура МФТИ и Сбера.

Здесь студенты сразу работают над реальными проектами, получают бизнес-навыки и учатся у тех, кто уже делает технологии будущего.
 
Что ты получаешь 👇

✔️ работу над своим проектом с 1-го дня
✔️ экспертизу МФТИ + бизнес-практику от Сбера
✔️ комьюнити и менторов
✔️ шанс выиграть грант на 100% стоимости обучения
 
Если тебе важна практика, а не только теория — это твой путь.

Подавай документы до 15 августа 📆
👩‍💻 В этой статье автор предлагает использовать пользовательские события для управления состоянием в React-приложениях!

🌟 Автор объясняет, что, хотя популярные решения, такие как Context API, Redux или Zustand, эффективны, можно воспользоваться встроенной возможностью браузера — Custom Events — для облегчения коммуникации между компонентами без необходимости в пропс-дриллинге или сложных библиотек управления состоянием.

🔗 Ссылка: *клик*

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
⚒️ Как освоить работу с API и научиться интегрировать реальные данные на веб-страницу? 

На открытом вебинаре вы разберетесь:
▸Что такое API, как с ним работать;
▸Как получать данные с реальных серверов с помощью JavaScript и fetch();
▸ Мы покажем, как создавать простые приложения с реальными API: погода, курсы валют, случайные цитаты.

❗️ Получите практические навыки работы с API, которые помогут вам быстро создать полезные веб-приложения. Это отличный старт для начинающих разработчиков и верстальщиков, которые хотят выйти на новый уровень.

📅 Урок 3 июня в 20:00 МСК проходит в преддверие старта курса «Fullstack Developer»: https://tglink.io/48c0f73ee7b2?erid=2W5zFJ1SDSY

Реклама. ООО "ОТУС ОНЛАЙН-ОБРАЗОВАНИЕ". ИНН 9705100963.
This media is not supported in your browser
VIEW IN TELEGRAM
Прелоадер, который отлично подойдёт для сайта доставки еды

#прелоадер #ожидание #загрузка

https://codepen.io/jkantner/pen/OJGBYJG

@react_tg
Media is too big
VIEW IN TELEGRAM
Стань частью масштабного ИТ-события от МТС

True Tech Day 2025 — третья технологическая конференция МТС для профессионалов ИТ‑индустрии. Одна из главных тем в этом году — тренды и практики искусственного интеллекта.

В программе:
— Доклады от ученых и зарубежных спикеров с индексом Хирша более 50.
— Кейсы применения современных ИИ‑решений — от AI‑агентов, тестов LLM и бенчмарков до вопросов регулирования.
— AI-интерактивы и технологические квесты.
— Пространство для нетворкинга,
…а еще after-party со звездным лайн-апом.

Когда: 6 июня
Где: Москва, МТС Live Холл и онлайн
Участие бесплатное, но мест мало. Регистрируйся по ссылке.
🎥 Cap — open-source проект Cap, предлагающий функционал, аналогичный популярному сервису Loom. Инструмент уже сейчас позволяет записывать и редактировать видео прямо с рабочего стола, а в ближайших планах — запуск self-hosted версий для Vercel и Render.

Гибридная архитектура проекта сочетает Rust для десктоп-приложения и Next.js для веб-версии, с единой системой компонентов на React. Разработчики активно привлекают сообщество к доработке, особенно в части создания инструкций по самостоятельному развертыванию.

🤖 GitHub

@react_tg
🚀 React Virtuoso — виртуализация списков в React на максимум. Этот набор компонентов умеет всё: от простых списков до чатов, таблиц и masonry-раскладок. Все функции работают из коробки — не нужно вручную рассчитывать размеры элементов или изобретать бесконечную прокрутку.

Проект поддерживает группировку с липкими заголовками и адаптивность под разные сценарии. Хотите плавную прокрутку при подгрузке сообщений в чате? Нужна таблица с виртуализацией строк? Virtuoso справляется с этим минимальным количеством кода.

🤖 GitHub

@react_tg
⚡️ Re.Pack — новый бандлер для React Native с поддержкой Rspack и Webpack. Проект особенно полезен для микрофронтендов благодаря встроенной поддержке Module Federation.

Проект позиционируется как drop-in replacement для Metro, то есть обещает совместимость с существующими RN-приложениями без болезненной миграции.

🤖 GitHub

@react_tg
This media is not supported in your browser
VIEW IN TELEGRAM
💡 Клевый ресурс для веб-разработчиков: 12 удобных инструментов в одном месте.

Внутри — генераторы треугольников, теней, градиентов, оптимизация SVG, конвертеры и многое другое.
Все инструменты простые, визуальные и доступны бесплатно.

https://omatsuri.app/

@react_tg
🎨 Веб-дизайнерам на заметку — сервис Pixie позволяет генерировать любые пиксель-арт изображения для проектов.

Внутри — несколько мощных моделей на выбор, включая Gemini 2.0 и Flux 1. Генерирует всё: от персонажей и объектов до динозавров и поп-культуры.

Работает по промптам, понимает контекст, выдаёт готовую пиксельную графику.

🧪 Доступен бесплатно — можно протестировать по ссылке.

https://pixie.haus/

@react_tg
2025/06/11 10:08:27
Back to Top
HTML Embed Code: